<%@ Page Language="C#" MasterPageFile="~/includes/main.master" AutoEventWireup="true"
    Async="true" CodeFile="ContactUs.aspx.cs" Inherits="contactus_ContactUs" Title="Contact Us | CompareXpress" %>

<%@ Register Src="../controls/usrCompanyBigLogoByServices.ascx" TagName="usrCompanyBigLogoByServices"
    TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

    <script src="../includes/ValidationError.js" type="text/javascript"></script>

    <script src="../includes/ValidationEffect.js" type="text/javascript"></script>

    <script src="../includes/LoadingProgress.js" type="text/javascript"></script>

    <div class="elements_inner_wrapper">
        <div id="divContent" style="display: ">
            <div id="contentBody" style="width: 100%;">
                <div class="section">
                    <div class="infosmall" style="width: 40%;">
                        <div style="width: 49%; float: left;">
                            <h1>
                                Write to us:</h1>
                            <p>
                                <asp:Label runat="server" ID="lblContactAddress" Text="" /></p>
                            <br />
                        </div>
                        <div style="width: 50%; float: right">
                            <h3>
                                Send us email</h3>
                            <p style="width:100%;">
                                For all general enquiries &amp; feedback, please e-mail us at<br />
                                <asp:HyperLink runat="server" ID="hplSendUsEmail" NavigateUrl="mailto:support@comparexpress.com"
                                    Text="support@comparexpress.com"></asp:HyperLink>
                                <br />
                                <br />
                            </p>
                        </div>
                        <br class="clear" />
                        <div class="row_new_dotted">
                            <h3>
                                Join the CompareXpress E-Newsletter</h3>
                            <span style="font-size: 12px;">
                                <div id="divThankYou" visible="false" runat="server">
                                    <asp:Label Font-Size="Smaller" Font-Bold="true" ForeColor="DarkBlue" runat="server"
                                        Text="" ID="lblThankYou"></asp:Label>
                                    <asp:Label Font-Size="Smaller" Font-Bold="true" ForeColor="red" runat="server" Text=""
                                        ID="lblExist"></asp:Label>
                                </div>
                                <asp:TextBox ID="txtEmail" runat="server" MaxLength="250" Width="220px"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="rfvEmail" runat="server" ControlToValidate="txtEmail"
                                    Display="Dynamic" validationErrorCssClass="validationError" ErrorMessage="" ValidationGroup="subscriber"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="revEmail" runat="server" ControlToValidate="txtEmail"
                                    validationErrorCssClass="validationError" ErrorMessage="" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                                    ValidationGroup="subscriber"></asp:RegularExpressionValidator>
                                <%--<asp:ImageButton ID="ibtSubscribe" OnClientClick="LoadValidationErrorCss();" ValidationGroup="subscriber"
                                    runat="server" ImageUrl="~/images/buttons/subscribe.gif" OnClick="btnSubmit_Click"
                                    AlternateText="Subscribe" ToolTip="Subscribe" ImageAlign="AbsMiddle" />--%>
                                <asp:Button runat="server" ID="btnSubscribe" ValidationGroup="subscriber" CssClass="button_w_subscribe"
                                    onmousedown="this.className = 'button_w_subscribe_mousedown';" onmouseup="this.className = 'button_w_subscribe';"
                                    onmouseout="this.className = 'button_w_subscribe';" OnClientClick="LoadValidationErrorCss(); if (Page_ClientValidate('subscriber')){this.removeAttribute('onmouseout'); this.removeAttribute('onmouseup'); this.className='button_w2_processing';}"
                                    OnClick="btnSubscribe_Click" />
                                <br class="clear" />
                                <br />
                                Do you want to Unsubscribe?
                                <asp:LinkButton ID="lbtnToUnSubscribe" runat="server" Text="Click Here" OnClick="lbtnToUnSubscribe_Click"></asp:LinkButton>
                            </span>
                            <div class="row_new" id="divUnSubscribe" runat="server" visible="false" style="font-size: 12px;
                                border-top: dashed 1px #e9e9e9; background: #f9f9f9; height: 225px">
                                <div style="padding: 15px;">
                                    <h3>
                                        Unsubscribe</h3>
                                    <div class="row">
                                        <asp:Label ID="lblUnSubscribeMessage" runat="server" ForeColor="DarkBlue"></asp:Label>
                                    </div>
                                    <div class="errorSummary" id="divUNSError" visible="false" runat="server">
                                        <asp:Label ID="lblMessage" ForeColor="Red" runat="server" Font-Bold="true" Font-Size="11px"></asp:Label>
                                    </div>
                                    <div class="row">
                                        <div class="left" style="width: 110px;">
                                            <label for="Email">
                                                Enter Email</label>
                                        </div>
                                        <div class="field" class="left">
                                            <span class="indicator">
                                                <asp:TextBox ID="txtUnSubscribeEmail" runat="server" MaxLength="80" Width="200px"></asp:TextBox>
                                            </span><span class="indicator">
                                                <asp:RequiredFieldValidator ID="rfvUnSubscribeEmail" runat="server" ControlToValidate="txtUnSubscribeEmail"
                                                    Display="Dynamic" ErrorMessage="" Text="" ValidationGroup="unsubscribe" validationErrorCssClass="validationError">
                                                </asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="revUnSubscribeEmail" runat="server" ControlToValidate="txtUnSubscribeEmail"
                                                    Display="Dynamic" ErrorMessage="" validationErrorCssClass="validationError" Text=""
                                                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="unsubscribe"></asp:RegularExpressionValidator>
                                            </span>
                                        </div>
                                        <div class="clear">
                                            <br />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="left" style="width: 110px;">
                                            <label for="Security Check">
                                                Security Check</label>
                                        </div>
                                        <div class="field" class="left">
                                            <span class="indicator">
                                                <asp:UpdatePanel runat="server" ID="uplCAPCHA">
                                                    <ContentTemplate>
                                                        <div style="display: block; float: left;">
                                                            <asp:Image ID="imgCAPTCHA" runat="server" />
                                                        </div>
                                                        <asp:ImageButton ID="btnNewImage" runat="server" OnClick="btnNewImage_Click" ImageUrl="~/images/icons/refresh.gif"
                                                            ToolTip="Reload" AlternateText="Refresh" />
                                                    </ContentTemplate>
                                                </asp:UpdatePanel>
                                                <asp:UpdateProgress AssociatedUpdatePanelID="uplCAPCHA" DisplayAfter="100" runat="server"
                                                    ID="udpCAPTCHA">
                                                    <ProgressTemplate>
                                                        <asp:Image ID="imgLoading" ImageUrl="~/images/loading7.gif" runat="server" />
                                                    </ProgressTemplate>
                                                </asp:UpdateProgress>
                                            </span>
                                        </div>
                                        <div class="clear">
                                            <br />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="left" style="width: 110px;">
                                            <label for="Security Check">
                                                Text in Box</label>
                                        </div>
                                        <div class="field left">
                                            <asp:UpdatePanel ID="uplSecurityCode" runat="server">
                                                <ContentTemplate>
                                                    <span class="indicator">
                                                        <asp:TextBox ID="txtSecurityCode" Width="200px" MaxLength="20" runat="server"></asp:TextBox>
                                                    </span><span class="indicator">
                                                        <asp:RequiredFieldValidator ID="rfvSecurityCheck" runat="server" ControlToValidate="txtSecurityCode"
                                                            Display="Dynamic" ErrorMessage="" validationErrorCssClass="validationError" Text=""
                                                            ValidationGroup="unsubscribe"></asp:RequiredFieldValidator>
                                                    </span>
                                                </ContentTemplate>
                                            </asp:UpdatePanel>
                                        </div>
                                        <div class="clear">
                                        </div>
                                        <br />
                                    </div>
                                    <div class="row">
                                        <div class="left" style="width: 110px;">
                                            &nbsp;</div>
                                        <div class="field left">
                                            <asp:Button runat="server" ID="btnUnSubscribe" ValidationGroup="unsubscribe" CssClass="button_w_unsubscribe"
                                                onmousedown="this.className = 'button_w_unsubscribe_mousedown';" onmouseup="this.className = 'button_w_unsubscribe';"
                                                onmouseout="this.className = 'button_w_unsubscribe';" OnClientClick="LoadValidationErrorCss(); if (Page_ClientValidate('unsubscribe')){this.removeAttribute('onmouseout'); this.removeAttribute('onmouseup'); this.className='button_w2_processing';}"
                                                OnClick="btnUnSubscribe_Click" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row_new">
                            <p>
                        </div>
                    </div>
                    <div class="infolarge" style="width: 50%; text-align:left; float:right; ">
                        <!--  Feedback Form  |  Start  -->
                        <h1>Send Us Your Feedback</h1>

                                <div id="divFeedback" runat="server" style="font-size:12px;">
                                    <div class="row" style="font-size:15px;">
                                        <asp:ValidationSummary ID="vsUserFeedBack" runat="server" ValidationGroup="feedback"
                                            ShowSummary="True" CssClass="errorSummary" HeaderText="Oops please complete the form">
                                        </asp:ValidationSummary>
                                    </div>
                                    <div class="row">
                                        <label for="fnam" class="mand_red left" style="width:110px; margin-top:30px">
                                            What you feel?&nbsp;</label>
                                        <div class="field">
                                            <table width="55%" cellpadding="0" cellspacing="2">
                                                <tr>
                                                    <td style="width: 20%" align="center">
                                                        <asp:ImageButton ID="ibtnVeryUseful" runat="server" ToolTip="Very Useful" ImageUrl="~/images/icon/emotion/happy-icon.png"
                                                            Width="75" Height="75" OnClientClick="return ChangeImage('EV')" />
                                                    </td>
                                                    <td style="width: 20%" align="center">
                                                        <asp:ImageButton ID="ibtnGood" runat="server" ToolTip="Good" ImageUrl="~/images/icon/emotion/smile-icon.png"
                                                            Width="75" Height="75" OnClientClick="return ChangeImage('EG')" />
                                                    </td>
                                                    <td style="width: 20%" align="center">
                                                        <asp:ImageButton ID="ibtnOk" runat="server" ToolTip="OK" ImageUrl="~/images/icon/emotion/ok-icon.png"
                                                            Width="75" Height="75" OnClientClick="return ChangeImage('EO')" />
                                                    </td>
                                                    <td style="width: 20%" align="center">
                                                        <asp:ImageButton ID="ibtnSad" runat="server" ToolTip="Sad" ImageUrl="~/images/icon/emotion/sad-icon.png"
                                                            Width="75" Height="75" OnClientClick="return ChangeImage('ES')" />
                                                    </td>
                                                    <td style="width: 20%" align="center">
                                                        <asp:ImageButton ID="ibtnAngry" runat="server" ToolTip="Angry" ImageUrl="~/images/icon/emotion/angry-icon.png"
                                                            Width="75" Height="75" OnClientClick="return ChangeImage('EA')" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div style="display: none;">
                                            <asp:TextBox ID="txtEmotionType" runat="server"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="rfvEmotionType" ValidationGroup="feedback" validationErrorCssClass="validationError"
                                                runat="server" ErrorMessage="Please Select What you feel." ControlToValidate="txtEmotionType"></asp:RequiredFieldValidator>
                                        </div>
                                    </div>
                                    <div class="seperator"></div>
                                    <div class="row">
                                        <label for="fnam" class="mand_red left" style="width:110px">
                                            Feedback Type&nbsp;</label>
                                        <div class="field">
                                            <table width="55%" cellpadding="2" cellspacing="2">
                                                <tr>
                                                    <td style="width: 20%" align="center">
                                                        <asp:ImageButton ID="ibtnSuggestion" runat="server" ToolTip="Suggestion" ImageUrl="~/images/icon/emotion/button_suggestion.png"
                                                            OnClientClick="return ChangeImage('BS')" />
                                                    </td>
                                                    <td style="width: 20%" align="center">
                                                        <asp:ImageButton ID="ibtnCompliment" runat="server" ToolTip="Compliment" ImageUrl="~/images/icon/emotion/button_compliment.png"
                                                            OnClientClick="return ChangeImage('BC')" />
                                                    </td>
                                                    <td colspan="3">
                                                        <asp:ImageButton ID="ibtnBug" runat="server" ToolTip="Bug" ImageUrl="~/images/icon/emotion/button_bug.png"
                                                            OnClientClick="return ChangeImage('BB')" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div style="display: none;">
                                            <asp:TextBox ID="txtFeedbackType" runat="server"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="rfvFeedbackType" ValidationGroup="feedback" validationErrorCssClass="validationError"
                                                runat="server" ErrorMessage="Please Select Feedback Type." ControlToValidate="txtFeedbackType"></asp:RequiredFieldValidator>
                                        </div>
                                    </div>
                                    <div class="seperator"></div>
                                    <div class="row">
                                        <label for="fnam" class="mand_red left" style="width:110px">
                                            Your Name</label>
                                        <div class="field left">
                                            <span class="indicator">
                                                <asp:TextBox ID="txtName" MaxLength="50" class="text" runat="server" Width="230px"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="rfvName" runat="server" validationErrorCssClass="validationError"
                                                    ValidationGroup="feedback" ErrorMessage="" Text="" ControlToValidate="txtName"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="revName" runat="server" ValidationGroup="feedback"
                                                    ValidationExpression="^[a-zA-Z''-'\s]{1,50}$" validationErrorCssClass="validationError"
                                                    ControlToValidate="txtName" ErrorMessage=""></asp:RegularExpressionValidator></span></div>
                                        <div class="seperator"></div>
                                    </div>
                                    <div class="row">
                                        <label class="mand_red left" style="width:110px">
                                            Your Email</label>
                                        <div class="field left">
                                            <span class="indicator">
                                                <asp:TextBox ID="txtFBEmail" runat="server" Width="230px"></asp:TextBox>
                                                <asp:RequiredFieldValidator ValidationGroup="feedback" validationErrorCssClass="validationError"
                                                    ID="rfvFBEmail" runat="server" ControlToValidate="txtFBEmail" Display="Dynamic"
                                                    ErrorMessage=""></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ValidationGroup="feedback" validationErrorCssClass="validationError"
                                                    ID="revFBEmail" runat="server" ControlToValidate="txtFBEmail" ErrorMessage=""
                                                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="seperator"></div>
                                    <div class="row">
                                        <label class="mand_red left" style="width:110px">
                                            Your Feedback</label>
                                        <div class="field left">
                                            <span class="indicator">
                                                <asp:TextBox ID="txtFeedBack" runat="server" Width="350px" MaxLength="500" Rows="7"
                                                    TextMode="MultiLine"></asp:TextBox>
                                                <asp:RequiredFieldValidator ValidationGroup="feedback" validationErrorCssClass="validationError"
                                                    ID="rfvFeedback" runat="server" ErrorMessage="" ControlToValidate="txtFeedBack"></asp:RequiredFieldValidator>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div id="divFBThankYou" visible="false" runat="server">
                                    <asp:Label runat="server" Font-Size="Medium" Font-Bold="true" ForeColor="Green" ID="lblFBThankYou">Thank you for your feedback. <br />CompareXpress Support will revert back to you within 2 or 3 working days.</asp:Label>
                                </div>
                                <div class="row" id="divButton" runat="server">
                                    <label>
                                    </label>
                                    <div class="field left" style="padding-left:110px">
                                        <span class="indicator">
                                            <br />
                                            <asp:Button runat="server" ID="btnSendFeedBack" ValidationGroup="feedback" CssClass="button_submit img_align_right"
                                                onmousedown="this.className = 'button_submit_mousedown img_align_right';" onmouseup="this.className = 'button_submit img_align_right';"
                                                onmouseout="this.className = 'button_submit img_align_right';" OnClientClick="LoadValidationErrorCss(); if (Page_ClientValidate('feedback')){this.removeAttribute('onmouseout'); this.removeAttribute('onmouseup'); this.className='button_processing img_align_right';}"
                                                OnClick="btnSendFeedBack_Click" />
                                        </span>
                                    </div>
                                </div>

                        <!--  Feedback Form  |  End    -->
                    </div>
                    <div style="float:left;width:100%;margin-top:20px;">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3988.7554374851584!2d103.921362!3d1.322554!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x22b2fc282c19339!2sCompareXpress+Pte+Ltd!5e0!3m2!1sen!2smy!4v1394163113494" width="1001" height="600" frameborder="0" style="border:0"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        function ChangeImage(btnName) {

            var txtET = document.getElementById('<%=txtEmotionType.ClientID%>');
            var txtFT = document.getElementById('<%=txtFeedbackType.ClientID%>');

            var imgBS = document.getElementById('<%=ibtnSuggestion.ClientID%>');
            var imgBC = document.getElementById('<%=ibtnCompliment.ClientID%>');
            var imgBB = document.getElementById('<%=ibtnBug.ClientID%>');

            var imgEV = document.getElementById('<%=ibtnVeryUseful.ClientID%>');
            var imgEG = document.getElementById('<%=ibtnGood.ClientID%>');
            var imgEO = document.getElementById('<%=ibtnOk.ClientID%>');
            var imgES = document.getElementById('<%=ibtnSad.ClientID%>');
            var imgEA = document.getElementById('<%=ibtnAngry.ClientID%>');

            if (btnName == "BS") {
                txtFT.value = "1";
                imgBS.src = '/images/icon/emotion/button_suggestion_s.png';
                imgBC.src = '/images/icon/emotion/button_compliment.png';
                imgBB.src = '/images/icon/emotion/button_bug.png';
            }
            else if (btnName == "BC") {
                txtFT.value = "2";
                imgBS.src = '/images/icon/emotion/button_suggestion.png';
                imgBC.src = '/images/icon/emotion/button_compliment_s.png';
                imgBB.src = '/images/icon/emotion/button_bug.png';
            }
            else if (btnName == "BB") {
                txtFT.value = "3";
                imgBS.src = '/images/icon/emotion/button_suggestion.png';
                imgBC.src = '/images/icon/emotion/button_compliment.png';
                imgBB.src = '/images/icon/emotion/button_bug_s.png';
            }
            else if (btnName == "EV") {
                txtET.value = "1";
                imgEV.src = '/images/icon/emotion/happy-icon_s.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            else if (btnName == "EG") {
                txtET.value = "2";
                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon_s.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            else if (btnName == "EO") {
                txtET.value = "3";
                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon_s.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            else if (btnName == "ES") {
                txtET.value = "4";
                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon_s.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            else if (btnName == "EA") {
                txtET.value = "5";
                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon_s.png';
            }
            else {
                txtET.value = "";
                txtFT.value = "";

                imgBS.src = '/images/icon/emotion/button_suggestion.png';
                imgBC.src = '/images/icon/emotion/button_compliment.png';
                imgBB.src = '/images/icon/emotion/button_bug.png';

                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            return false;
        } 
    </script>

</asp:Content>
